<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/gr2015_KeyDates.css">
    <link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css" type="text/css" />
    <link rel="stylesheet" href="css/gr2015_App.css">
    <link rel="stylesheet" href="css/gr2015_JD.css">
</head>
<body>
    <div id="jd-banner">
        <div id="jd-banner-topic">
            <div id="jd-banner-content">                
                <p id="jd-banner-title-topic">Your Pwc future</p>
                <p id="jd-banner-title-content">Key Dates</p>
            </div>
        </div>
    </div>
    <!-- <div class="banner">
        <div class="banner-content">
            <span class="banner-text01">
                Your Pwc future
            </span><br/>
            <span class="banner-text02">
                Key Dates
            </span>
        </div>
    </div> -->
    <div class="content">
        
        <div class="kd-content-2015">
            <img src="images/gr2015_keydate_01.png">
            <span>2015</span>
        </div>

        <div class="content-axis">
            <img src="images/gr2015_keydate_03.png">
        </div>

        <div class="content-sept">
            <div class="content-sept-time">
                <span>September</span>
                <img src="images/gr2015_keydate_02.png"> 
            </div>
            
            <div class="content-sept-show">
                <img src="images/gr2015_keydate_04.png">
                <div class="show-right">
                    <span>Campus Talk</span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.</p>
                </div>
                
            </div> 
            <div class="content-sept-show">
                <img src="images/gr2015_keydate_05.png">
                <div class="show-right">
                    <span>Online Application</span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.</p>
                </div>
                
            </div>             
        </div>

        <div class="content-oct">
            <div class="content-oct-time">
                <span>Octorber-<br/>&nbsp;November</span>
                <img class="oct-image" src="images/gr2015_keydate_02.png"> 
            </div>
            
            <div class="content-oct-show">
                <img src="images/gr2015_keydate_06.png">
                <div class="show-right">
                    <span>Written Tests</span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                </div>   
            </div>            
        </div>

        <div class="content-oct">
            <div class="content-oct-time">
                <span>Octorber-<br/>&nbsp;November</span>
                <img class="oct-image" src="images/gr2015_keydate_02.png"> 
            </div>
            
            <div class="content-oct-show">
                <img src="images/gr2015_keydate_07.png">
                <div class="show-right">
                    <span>Assessment</span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.</p>
                </div>   
            </div>            
        </div>

        <div class="content-oct">
            <div class="content-oct-time-dec">
                <span>&nbsp;&nbsp;&nbsp;December&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <img class="oct-image" src="images/gr2015_keydate_02.png"> 
            </div>
            
            <div class="content-oct-show">
                <img src="images/gr2015_keydate_08.png">
                <div class="show-right">
                    <span>Offer Recption</span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.</p>
                </div>   
            </div>            
        </div>

        <div class="kd-content-2015">
            <img src="images/gr2015_keydate_01.png">
            <span>2016</span>
        </div>

        <div class="content-oct">
            <div class="content-oct-time">
                <span>March - <br/>September</span>
                <img class="oct-image" src="images/gr2015_keydate_02.png"> 
            </div>
            
            <div class="content-oct-show">
                <img src="images/gr2015_keydate_09.png">
                <div class="show-right">
                    <span>Professional Examination Workshop</span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                </div>   
            </div>            
        </div>

        <div class="content-oct">
            <div class="content-oct-time">
                <span>April - &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>July&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <img class="oct-image" src="images/gr2015_keydate_02.png"> 
            </div>
            
            <div class="content-oct-show">
                <img src="images/gr2015_keydate_10.png">
                <div class="show-right">
                    <span>Offeree Activities</span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.</p>
                </div>   
            </div>            
        </div>

        <div class="content-oct">
            <div class="content-oct-time">
                <span>September - <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;October</span>
                <img class="oct-image" src="images/gr2015_keydate_02.png"> 
            </div>
            
            <div class="content-oct-show">
                <img src="images/gr2015_keydate_11.png">
                <div class="show-right">
                    <span>Join us at PwC</span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.</p>
                </div>   
            </div>            
        </div>

    </div>

</body>
</html>